<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<style type="text/css">
#caixa1 {
	float: left;
	width: 20%;
	height: 120px;
}

#caixa2 {
	float: right;
	width: 80%;
	height: 120px;
}

#caixa3 {
	float: left;
	width: 50%;
	height: 150px;
}

#caixa4 {
	float: right;
	width: 50%;
	height: 150px;
}
</style>

	<title></title>
</h:head>
<h:body style="background-color: #F2F3F3;">

			<h:form id="frmConstrutora">
				<div align="center">
					<p:fieldset legend="Gerenciamento de Construtora:"
						toggleable="false" style="width:90%;font-size:12px;">
						<p:messages id="messages" showDetail="true" autoUpdate="true"
							closable="true" />
						<div id="caixa1">
							<a href="padrao.jsf"> <h:graphicImage
									url="/templates/Imagens/add-user.png"
									style="width:110px;height:110px;" />
							</a>
						</div>
						<div id="caixa2">
							<h:panelGrid style="float: left;width:100%;font-size:12px;">
								<p:row>
									<p:column>
										<h:outputLabel id="lblCnpj" value="Cnpj:" for="cnpj"
											style="width:30%;float: left;font-weight: bold;margin-right:20px" />
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<p:inputMask id="txtcnpj" style="width:30%; margin-right:10px"
											value="" required="true" mask="99.999.999/9999-99" />
									</p:column>

								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel id="lblRSocial" value="Razão Social:"
											for="rSocial" style="float: left;font-weight: bold;" />
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<p:inputText id="txtNome" style="width:100%" value="" />
									</p:column>
								</p:row>

							</h:panelGrid>
						</div>
					</p:fieldset>
					<p />
					<p:fieldset legend="Contato:" toggleable="false"
						style="width:90%;font-size:12px;">
						<p:messages id="messages1" showDetail="true" autoUpdate="true"
							closable="true" />
						<h:panelGrid id="pnContato" style="float: left;width:100%">
							<p:row>
								<p:column>
									<h:outputLabel id="lblCep" value="Cep:" for="cep"
										style="float: left;font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtCep" style="width:30%" value=""
										required="true" requiredMessage="Campo [cep] é obrigatório." />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblEndereco" value="Endereço:"
										for="endereco"
										style="float: left;width:70%;margin-right:27px;font-weight: bold;font-size:12px;" />
								</p:column>
								<p:column>
									<h:outputLabel id="lblNumero" value="Numero:" for="numero"
										style="float: left;width:20%; font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtEndereco"
										style="width:70%;margin-right:20px" value="" />
								</p:column>
								<p:column>
									<p:inputText id="txtNumero" value="" style="width:20%" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblComplemento" value="Complemento:"
										for="complemento"
										style="float: left;width:70%;margin-right:27px; font-weight: bold;font-size:12px;" />
								</p:column>
								<p:column>
									<h:outputLabel id="lblTelefone" value="Telefone:"
										for="telefone"
										style="float: left;width:20%; font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtComplemento"
										style="width:70%;margin-right:20px" value="" />
								</p:column>
								<p:column>
									<p:inputText id="txtTelefone" value="" style="width:20%" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblEstado" value="Estado:" for="Estado"
										style="float: left;width:40%;margin-right:20px; font-weight: bold;font-size:12px;" />
								</p:column>
								<p:column>
									<h:outputLabel id="lblCidade" value="Cidade:" for="Cidade"
										style="float: left;width:40%; font-weight: bold;font-size:12px;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:selectOneMenu id="slmEstado" value=""
										style="width: 40%;margin-right:20px;font-size:12px;">
										<f:selectItem itemLabel="Selecione" itemValue="0"
											noSelectionOption="true" />
										<f:selectItem itemLabel="Bahia" itemValue="1" />
										<f:selectItem itemLabel="Rio de Janeiro" itemValue="2" />
										<f:selectItem itemLabel="São Paulo" itemValue="3" />
										<f:selectItem itemLabel="Paraná" itemValue="4" />
									</p:selectOneMenu>
								</p:column>
								<p:column>
									<p:selectOneMenu id="slmCidade" value=""
										style="width: 40%;font-size:12px;">
										<f:selectItem itemLabel="Selecione" itemValue="0"
											noSelectionOption="true" />
										<f:selectItem itemLabel="Salvador" itemValue="1" />
										<f:selectItem itemLabel="Rio de Janeiro" itemValue="2" />
										<f:selectItem itemLabel="São Paulo" itemValue="3" />
										<f:selectItem itemLabel="Curitiba" itemValue="4" />
									</p:selectOneMenu>
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblEmail" value="Email:" for="Email"
										style="float: left;font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtEmail" style="width:100%" value=""
										required="true" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblSite" value="Site:" for="Site"
										style="float: left;font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtSite" style="width:100%" value=""
										required="true" />
								</p:column>
							</p:row>
						</h:panelGrid>
					</p:fieldset>
					<p />
					<p:fieldset legend="Gestor(es):" toggleable="false"
						style="width:90%;font-size:12px;">
						<p:messages id="messages2" showDetail="true" autoUpdate="true"
							closable="true" />

						<h:panelGrid id="pnGestor" style="float: left;width:100%">
							<p:row>
								<p:column>
									<h:outputLabel id="lblGestor" value="Gestor:" for="Gestor"
										style="float: left;width:60%;margin-right:20px; font-weight: bold;font-size:12px;" />
								</p:column>
								<p:column>
									<h:outputLabel id="lblNivel" value="Nível:" for="Nivel"
										style="float: left;width:25%; font-weight: bold;font-size:12px;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtGestor"
										style="width:60%;margin-right:20px;" value="" required="true" />
								</p:column>
								<p:column>
									<p:selectOneMenu id="slmNivel" value=""
										style="width: 25%;font-size:12px;margin-right:10px;height:20px;font-size:12px;">
										<f:selectItem itemLabel="Selecione" itemValue="0"
											noSelectionOption="true" />
										<f:selectItem itemLabel="-" itemValue="1" />
										<f:selectItem itemLabel="-" itemValue="2" />
										<f:selectItem itemLabel="-" itemValue="3" />
										<f:selectItem itemLabel="-" itemValue="4" />
									</p:selectOneMenu>
									<p:button id="btnAdd" value="Add" icon="ui-icon-person"></p:button>
								</p:column>
							</p:row>
							<p />
							<p:row>
								<p:column>
									<p:dataTable id="dtGestor" editable="true" paginator="true"
										rows="5" style="font-size:12px;"
										emptyMessage="Nenhum cadastro efetuado! ">
										<f:facet name="header">
											<h:outputText value="Lista de Gestores" />
										</f:facet>
										<p:column headerText="Gestor" style="font-size:12px;">
											<h:outputText value="" />
										</p:column>

										<p:column headerText="Nível" style="font-size:12px;">
											<h:outputText value="" />
										</p:column>
										<p:column headerText="Configuração" style="font-size:12px;">
											<p:commandButton onclick="confirmation.show()"
												image="ui-icon ui-icon-closethick" />
										</p:column>
									</p:dataTable>
								</p:column>
							</p:row>
						</h:panelGrid>
					</p:fieldset>
					<p />
					<div align="right" style="margin-right: 4%">
						<p:button id="btnSalvar" value="Salvar" style="width:100px" />
						<p:button id="btnCancelar" value="Cancelar" style="width:100px" />
					</div>
				</div>
			</h:form>
</h:body>

</html>